{%extends "index.html"%}
{% load i18n %}
{% load pagination_tags %}
        {%block title%}Series.TopoRojo.es | {% trans "Details for" %} {{serie.name}}{%endblock%}
        {% block skin_css %}
        <!-- CSS -->
                <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />

        	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}disenho/style.css" media="screen" />
        <!-- JS -->
                <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.4.2.min.js"></script>
	        <script type="text/javascript" src="{{ MEDIA_URL }}js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
	        <script type="text/javascript" src="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.js"></script>
                <script type="text/javascript">
		$(document).ready(function() {
			$("a#flayer").fancybox({
				'titleShow'		: true,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});
		});
	</script>
        {% endblock skin_css%}
        {%block breadcrumb%}<small><a href="/">{% trans "Home" %}</a> >> {{serie.name|capfirst}}</small>{% endblock breadcrumb%}
        {%block content%}
                <h1> {{serie.name|capfirst}}</h1>
                <br />
                <div style="float:left;"><a href="{{serie.image.url }}" id="flayer"><img src="{{serie.image.url_110x150}}" alt="flayer" style="margin-right:20px" /></a></div>
                <p>{{serie.description|safe}}</p><br />
                <p><strong>URL:</strong>{{serie.website|urlize}}</p><br />
                {% autopaginate capitulos %}
                <div style="clear: both;"> </div><br />
		<h3>{% trans "Episode list" %}:</h3><br />
                {% if capitulos %}
                        <ul>
                        {%for capitulo in capitulos %}
                           <li><a href='/series/{{serie.slug}}/episode/{{capitulo.id}}/'>{{capitulo.name|capfirst}}</a></li>
                        {%endfor%}
                        </ul>
                        <br/>
                        {% paginate %}
                {% else %}
                        <p>{% trans "No episodes are available" %}.</p>
                {% endif %}
                <div style="clear: both;"> </div>
                {%endblock%}
                {%block comentarios%}
                <div>
                        {%load comments%}
                        {% get_comment_list for serie as comment_list %}
                         {% if comment_list %}
                                <h3>{% trans "Comments" %}</h3>
                        {% endif %}
                        {% autopaginate comment_list 5 %}
                        {% for comment in comment_list %}
                                <div id="bottom">
                                        <p><strong>{% trans "User" %}: </strong>{{comment.user_name}}</p>
                                        <p><strong>{% trans "URL" %}: </strong><a href="{{comment.user_url}}" style="color:#fff;" target="_new">{{comment.user_url}}</a></p>
                                        <p><strong>{% trans "Comment" %}:</strong></p>
                                        <p>{{comment.comment}}</p>
                                </div>        
                        {% endfor %}
                 </div>
                 <br />
                {% paginate %}
                <br />
                {% get_comment_form for serie as form %}
                <p><strong>{% trans "Leave a comment" %}</strong></p><br />
                {% include "comments/form.html" %}
        {%endblock%}